<template>
  <div>
   <h1>{{ count }}</h1>
  </div>
</template>

<script>
export default {
   name: "App",
  data() {
    return {
      count: 1,
    };
},
  /* 
    new Vue之后,先初始化了事件系统和生命周期系统,数据等等都没有开始放在实例上
  */
//  视图没有渲染
  beforeCreate() {
    console.log(this);
    debugger;
  },
  /* 
    在created之前,拿到了data属性,并在实例上放入了_data属性保存data数据
    并且进行了数据代理和数据劫持的操作
    在created中就能拿到数据了

    beforeCreate和created中的创建前创建
    后的`创建`指的是:_data数据的创建和数据代理、
    数据劫持的创建
  */
  created() {
    console.log(this);
    // debugger;
  },
}
</script>

<style>
</style>